<template>
  <div>
    <h1>{{ props.name }}</h1>
    <br />
    <h2>{{ counter }}</h2>
    <div></div>
  </div>
</template>
<script lang='ts' setup>
import { defineProps, ref } from "vue";

const props = defineProps({
  name: {
    type: String,
    required: true,
  },
});

const counter = ref(0)

</script>
<style lang='scss' scoped>
</style>
